<template>
  <div class="brand-goods" >
    <div class="hot-header">
      <h5>品牌精选</h5>
    </div>
    <div class="official-box" >
      <div class="bigPic">
        <img :src="bigImg" alt="22">
      </div>
      <common :resSrc="imgUrls"></common>
    </div>

  </div>
</template>
<style lang="stylus" rel="stylesheet/stylus">
  .brand-goods
    margin-top: 30px
    border: 1px solid rgba(0,0,0,.1)
    border-radius: 8px
    overflow: hidden
    background-color: white
    .hot-header
      background-color: #fafafa
      line-height 60px
      font-size: 18px
      position: relative
      padding-left: 30px
    .official-box
      .bigPic
        box-sizing: border-box
        border-top: 1px solid rgba(0,0,0,.1)
        border-right: 1px solid rgba(0,0,0,.1)
        height: 429px
        width: 50%
        float: left
        img
          width: 100%
          height: 100%

</style>
<script>
  import common from '../../../common/common.vue'
  export default {
    data () {
      return {
        bigImg: 'static/imgs/brand/big.jpg',
        imgUrls: [
          {
            'url': 'static/imgs/brand/s1.jpg',
            'infoh6': 'Smartisan M1/M1L 软胶保护套',
            'infop': 'TPU环保材质、细腻防滑、防油污',
            'price': '49.00',
            'activeColor': [
              {'background-color': 'red'},
              {'background-color': 'green'}
            ]
          }, {
            'url': 'static/imgs/brand/s2.jpg',
            'infoh6': 'Smartisan M1/M1L 软胶保护套',
            'infop': 'TPU环保材质、细腻防滑、防油污',
            'price': '49',
            'activeColor': [
              {'background-color': 'red'},
              {'background-color': 'green'}
            ]
          }, {
            'url': 'static/imgs/brand/s3.jpg',
            'infoh6': 'Smartisan M1/M1L 软胶保护套',
            'infop': 'TPU环保材质、细腻防滑、防油污',
            'price': '49',
            'activeColor': [
              {'background-color': 'red'},
              {'background-color': 'green'}
            ]
          }, {
            'url': 'static/imgs/brand/s4.jpg',
            'infoh6': 'Smartisan M1/M1L 软胶保护套',
            'infop': 'TPU环保材质、细腻防滑、防油污',
            'price': '49',
            'activeColor': [
              {'background-color': 'red'}
            ]
          }, {
            'url': 'static/imgs/brand/s5.jpg',
            'infoh6': 'Smartisan M1/M1L 软胶保护套',
            'infop': 'TPU环保材质、细腻防滑、防油污',
            'price': '49',
            'activeColor': [
              {'background-color': 'red'},
              {'background-color': 'green'}
            ]
          }, {
            'url': 'static/imgs/brand/s6.jpg',
            'infoh6': 'Smartisan M1/M1L 软胶保护套',
            'infop': 'TPU环保材质、细腻防滑、防油污',
            'price': '49',
            'activeColor': [
              {'background-color': 'red'},
              {'background-color': 'green'}
            ]
          }
        ]
      }
    },
    components: {
      common
    }
  }
</script>
